<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: 刘世琪
 * @Date: 2021-01-14 17:55:42
 * @LastEditors: Seven
 * @LastEditTime: 2021-03-09 13:22:03
-->
<template>
    <div>
    <a-input-search placeholder="请输入您要查询的用户" enter-button @search="onSearch"/>
    <a-list item-layout="horizontal" :data-source="data">
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-list-item-meta
          description="">
          <a slot="title" href="https://www.antdv.com/">{{ item.id }} ------ {{ item.username }}</a>
          <a-avatar
            slot="avatar"
            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
          />
        </a-list-item-meta>
        <router-link :to="'/user/update?id='+item.id">
          编辑
        </router-link>&emsp;
<!--        <a-button type="primary">-->
<!--          <router-link to="/user_detail">详情</router-link>-->
<!--        </a-button>-->
      </a-list-item>
    </a-list>
    <template>
      <div>
        <a-button type="primary">
          <router-link to="/user/create">增加</router-link>
        </a-button>
        <a-button type="primary">
          <router-link :to="'/user/update?id='+''">修改</router-link>
        </a-button>
        <a-button type="danger">
          <router-link to="/user/del">删除</router-link>
        </a-button>
        <router-view></router-view>
      </div>
    </template>
</div>
    
</template>

<script>
import axios from 'axios'
export default {
    data() {
        return {

        }
    },
    methods: {

    },
    created() {

    }
}
</script>

<style scoped>

</style>
